<template>
    <div>
        <x-header>我的</x-header>
        <baidu-map class="map" :center="{lng: 121.622, lat: 31.257}" :zoom="15">
            <bm-navigation anchor="BMAP_ANCHOR_TOP_RIGHT"></bm-navigation>
            <bm-map-type :map-types="['BMAP_NORMAL_MAP', 'BMAP_HYBRID_MAP']" anchor="BMAP_ANCHOR_TOP_LEFT"></bm-map-type>
        </baidu-map>
        <tabs :tabtype="3"></tabs>
    </div>
</template>
<style>
.map {
    width: 100%;
    height: 450px;
}
</style>
<script>
import { XHeader } from 'vux'
import tabs from '../../components/footer'
export default {
    name: 'maptest',
    components: {
        XHeader,
        tabs
    }
}
</script>
